<template>
  <div>
    <van-nav-bar>
      <template #left @click-left="() => { $router.push('/login') }"><span
          style="color: greenyellow;font-size: 20px;font-weight: 700;">豆瓣</span></template>
      <template #right>

        <van-search v-model="value" shape="round" placeholder="搜索" style="width: 80px;margin-right: 70px;" />
        <van-image round width="5rem" height="5rem" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
          style="margin-right:10px ;" />
        <van-icon name="tv-o" color="#000" size="30" style="margin-right:20px ;" />
        <van-button round type="success" size="small">打开App</van-button>
      </template>
    </van-nav-bar>
    <div style="width: 100%;
height: 200px;background-color: #257e80;margin-top: 10px;">
      <van-image round width="10rem" height="10rem" src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
        style="margin-left: 150px;margin-top: 40px;" />

    </div>
    <van-cell-group inset>
      <van-cell title="Top Maker" label="北京" />
      <van-cell title="16" label="广播" />
    </van-cell-group>
    <van-cell-group>
      <van-cell title="4" value="1" />
    </van-cell-group>
    <div style="height: 140px;"> </div>
    <img src="../img/我的_03.jpg" alt="" style="width: 100%;">
  </div>
</template>

<script setup>

</script>

<style lang="scss" scoped></style>